<template>
  <div class="lowest-detail">
    <div class="breadcrumb">
      <Breadcrumb>
        <BreadcrumbItem to="/payroll/salary/settings">返回</BreadcrumbItem>
        <BreadcrumbItem to="/payroll/salary/settings/lowest">最低工资</BreadcrumbItem>
        <BreadcrumbItem>新增最低工资</BreadcrumbItem>
      </Breadcrumb>
    </div>

    <div class="add-form">
      <Form :model="formItem" :label-width="154">
        <div class="form-item-row">
          <FormItem label="城市" class="form-item">
            <Cascader :data="cityData" class="form-input"></Cascader>
          </FormItem>
        </div>
        <div class="form-item-row">
          <FormItem label="类型" class="form-item">
            <Select v-model="formItem.input" class="form-input">
                <Option value="beijing">最低工资</Option>
              </Select>
          </FormItem>
        </div>
        <div class="form-item-row">
          <FormItem label="工资标准" class="form-item">
            <Input v-model="formItem.input" placeholder="工号" class="form-input"></Input>
            <span class="unit">元/每月</span>
          </FormItem>
        </div>
        <div class="form-item-row">
          <FormItem label="启用日期" class="form-item">
            <DatePicker type="date" placeholder="Select date" class="form-input"></DatePicker>
          </FormItem>
        </div>
        <div class="form-item-row">
          <FormItem label="结束日期" class="form-item">
            <DatePicker type="date" placeholder="Select date" class="form-input"></DatePicker>
          </FormItem>
        </div>
        <div class="form-item-row form-item-row3">
         <Button type="default" class="save-btn-green ml12">保存</Button>
        </div>
      </Form>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      formItem: {
        input: ""
      },
      city: "",
      cityData: [
        {
          value: "beijing",
          label: "北京",
          children: [
            {
              value: "gugong",
              label: "朝阳"
            },
            {
              value: "tiantan",
              label: "海淀"
            },
            {
              value: "wangfujing",
              label: "王府井"
            }
          ]
        }
      ]
    };
  }
};
</script>
<style lang="scss" scoped src='./index.scss'>
</style>